<?php include("header.php"); ?>
	<h6 class="quarter"></h6>
	<article>
		<div class="halfhead">
			<article>
				<header><h1><i class="fa fa-thumbs-up"></i> Thank you!</h1>
				<br /><br /><br /><p>Your kindness is appreciated. </p>
				</header>
				<header>
					<img class="icon-img" src="img/o-heart.png" />
					<h5>Just a reminder: Kindly list all pertinent information to facilitate donor matching.</h5>
				</header>
			</article>
		</div>

		<div class="halfhead">
			<article>
				<header>
					<h1><i class="fa fa-home"></i> Request for Help</h1><br /><br />
				</header>

	<header>
		<form id="offerform">
			<div><p><i>If any of the fields aren't applicable, Please write 'none'. Don't leave them blank!</i></p></div>
			<input type="hidden" name="Type" value="1">
			<input type="text" class="required" name="Name" id="donate-name" placeholder="Your Name" />
			<input type="text" class="required" name="Contact" id="donate-contact" placeholder="Email / Cellphone" />
			<input type="text" class="required" name="Location" id="donate-location" placeholder="Your Location" />
			<input type="text" name="Password" id="donate-password" placeholder="Optional: Password (if you'll want to edit your listing later on)" />
			<textarea name="Details" class="required" id="donate-donating" placeholder="What do you need?"></textarea>
	
			<div id="error-message-window"></div>

			<br/><br/>		

		<div class="submit-area">
			<input type="submit" disabled="disabled" class="callbutton" onclick="offerForm()" value='Submit!' />
			<a href="index.php" class="callbutton huge">I want to go back.</a>
			<script>
				$(".required").change(function(event){ validateForm(); });
				$(".required").keypress(function(event){ validateForm(); });
			</script>
		</div>
		</form>
	</header>
</article>
</div>
<hr style="margin-bottom:20px;" />
</article>
<?php include("footer.php"); ?>